<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>

<body>
	<!-- <div id="content">
		<h1>我是一个文本</h1>
	</div>
	<input type="text" value="我是一个文本框" id="txt">
	<input type="text" value="我是一个文本框2" id="txt2"> -->

	<!-- <a href="baidu.com">百度</a> -->

	<!-- <button id="btn">点我看看</button> -->

	<!-- <div style="color:red;">你好</div> -->


	<ol>
		<li>aaa</li>
		<li>bbb</li>
		<li>ccc</li>
	</ol>


	<script src="jquery-3.7.1.min.js"></script>
	<script>
		// $(document).ready(function () {
			// console.log("文档加载完成");
			// $("#btn").click(function () {
			// 	// $(this).hide();
			// 	$("#content h1").text("<h1>我是修改后的文本</h1>");
			// 	// $("#content h1").html("<h1>我是修改后的文本</h1>");

			// 	$("#txt2").val("修改文本框")
			// });

			// let content=$("#content").text();//拿到文本
			// console.log(content);

			// let content2=$("#content").html();//拿到标签
			// console.log(content2);

			// let inputVal=$("#txt").val();
			// console.log(inputVal);
		// });

		// let href=$("a").attr("href");
		// console.log(href);
		// $("a").attr("href","youdao.com");

		// 获取并修改样式

		// let color=$("div").css("color");
		// console.log(color);
		// $("div").css("color","blue");
		// $("div").css("font-size","40px");

		// $("ol").append("append");
		// $("ol").prepend("prepend");
		// $("ol").after("after");
		// $("ol").before("before");

		$("ol").remove();
		$("ol").empty();


	</script>
</body>

</html>